<%@page contentType="content-type: application/x-javascript" pageEncoding="UTF-8" %>
<%@taglib prefix="s" uri="/struts-tags" %>
var invitacionesInicializado = false;

var MIS_INVITACIONES = {
	
	inicio : function() {
		var activo;
		var misInvitaciones = $('#mis-invitaciones');
		var ampliar = misInvitaciones.find('.ampliar');
		misInvitaciones.find('dd button').click(function() {
			activo = $(this);
			var posicion_boton = activo.position().top - 8;
			var posicion_actual = parseInt(ampliar.css('top'));
			if ((ampliar.css('display') == 'block') && (posicion_boton != posicion_actual))
				ampliar.fadeOut(VELOCIDAD_FADE,function() {
					MIS_INVITACIONES.mostrar(activo,ampliar);
				});					
			else if ((ampliar.css('display') == 'block') && (posicion_boton == posicion_actual))
				MIS_INVITACIONES.ocultar();
			else
				MIS_INVITACIONES.mostrar(activo,ampliar);
		});
		misInvitaciones.find('.boton-cerrar').click(function() {
			MIS_INVITACIONES.ocultar();
		});
		if (!invitacionesInicializado) {
			var formulario = ampliar.find('form');
			formulario.find('.boton-cerrar').click(function() {
				MIS_INVITACIONES.ocultar();
			});
			formulario.unbind('submit');
			formulario.submit(function() {
				$('#codigo-invitacion').val(activo.parent().prev().text());
				return true;
			});
			invitacionesInicializado = true;
		}
	},
	
	mostrar : function(cual,ampliar) {
		ampliar.find('form').reset();
		ampliar.css('top',parseInt(cual.position().top) - 8).css('left',parseInt(cual.parent().width()) + 170);
		ampliar.fadeIn(VELOCIDAD_FADE);
		$('#email-invitacion').focus();
	},
	
	ocultar : function() {
		$('#mis-invitaciones .ampliar').fadeOut(VELOCIDAD_FADE);
	}
	
}




$(document).ready(function() {
	MIS_INVITACIONES.inicio();
	$(document).keyup(function (e) {
		if (typeof(e) == 'undefined')
			e = event;
		if (e.keyCode == 27) {
			MIS_INVITACIONES.ocultar();
		}
	});
});